        <?php include("header.php");?>
        <link rel="stylesheet/less" href="./css/detail.less">
        <?php include("nav.php");?>
            <div class="banner" ref="element">
				<div class="banner-content banner-content-detail flex">
					<div>
						<div class="title wow animated fadeInUp">「智慧城管+AI」激发青岛城市智能发展新动能</div>
						<div class="try font-14 wow animated fadeInUp"><a href="" class="try-link">申请试用</a></div>

					</div>
					<img src="https://ow.extremevision.com.cn/uploadfile/file/20230627/1687830618630272.jpg"
						class="img" />
				</div>
				<img src="img/pic/detail-bg.jpg" class="pic-img pc-show" />
			</div>
			<div class="detail-content">
				<div class="warp">
					<div class="detail-left">
						<img src="img/pic/cases_list_logo.png" />
						<div class="name">青岛城管局</div>
						<p>所属行业:<a href="">智慧城管</a></p>
						<p>项目亮点:<span>事故责任追究落到实处，实现一网统管，提升整体城管效率</span></p>
						<div class="tit">应用产品</div>
						<div class="item">
							<a href="">厌恶识别</a>
							<a href="">火焰识别</a>
							<a href="">安全帽识别</a>
						</div>
					</div>
					<div class="detail-center">
						<p id="detail1" class="tit-p">客户痛点</p>
						<p>· 城市管理面积巨大，人车物错综复杂，传统人工巡查方式占用了大量的人力、物力</p>

						<p>· 当前城管执法现状面临着执法人员不足、执法难度大、信息化手段应用少和时间处理不及时等问题，事件发生后主要依赖临时调派执法，属于“事后处置”</p>
						<p id="detail2" class="tit">为什么选择勒兹</p>
						<p>· 城市管理面积巨大，人车物错综复杂，传统人工巡查方式占用了大量的人力、物力</p>

						<p>· 当前城管执法现状面临着执法人员不足、执法难度大、信息化手段应用少和时间处理不及时等问题，事件发生后主要依赖临时调派执法，属于“事后处置”</p>
						<p>极视角提供的近20种智慧城管算法，接入青岛市视频共享平台，包括餐饮出店经营识别、摊贩识别、占道经营识别、机动车占道检测、街道垃圾识别、大件垃圾检测、道路积水识别、渣土车识别、井盖缺失识别、裸土识别、大货车识别、重型器械识别、河道漂浮物识别、垃圾桶满溢识别。
						</p>
						<p id="detail3" class="tit-p">成功与价值</p>
						<p>· 城市管理面积巨大，人车物错综复杂，传统人工巡查方式占用了大量的人力、物力</p>

						<p>· 当前城管执法现状面临着执法人员不足、执法难度大、信息化手段应用少和时间处理不及时等问题，事件发生后主要依赖临时调派执法，属于“事后处置”</p>
						<p>极视角提供的近20种智慧城管算法，接入青岛市视频共享平台，包括餐饮出店经营识别、摊贩识别、占道经营识别、机动车占道检测、街道垃圾识别、大件垃圾检测、道路积水识别、渣土车识别、井盖缺失识别、裸土识别、大货车识别、重型器械识别、河道漂浮物识别、垃圾桶满溢识别。
						</p>
						<p id="detail4" class="tit-p">方案效果</p>
						<p>· 城市管理面积巨大，人车物错综复杂，传统人工巡查方式占用了大量的人力、物力</p>

						<p>· 当前城管执法现状面临着执法人员不足、执法难度大、信息化手段应用少和时间处理不及时等问题，事件发生后主要依赖临时调派执法，属于“事后处置”</p>
						<p>极视角提供的近20种智慧城管算法，接入青岛市视频共享平台，包括餐饮出店经营识别、摊贩识别、占道经营识别、机动车占道检测、街道垃圾识别、大件垃圾检测、道路积水识别、渣土车识别、井盖缺失识别、裸土识别、大货车识别、重型器械识别、河道漂浮物识别、垃圾桶满溢识别。
						</p>
					</div>
					<div class="detail-right pc-show" >
						<div id="CeilingType" :class="{ CeilingType: fixed }">
						<a @click="goAnchor('#f1')">客户痛点</a>
						<a @click="goAnchor('#f2')">为什么选择勒兹</a>
						<a @click="goAnchor('#f3')">成果与价值</a>
						<a @click="goAnchor('#f4')">方案效果</a>
						</div>
					</div>
				</div>
			</div>


			<?php include("footer.php");?>
			<script>
				new Vue({
					el: '#app',
					data: function() {
						return {
							 offsetTop: 0, //上层控件的位置
                             fixed:false
						}
					},
					created() {

					},
					mounted() {
						window.addEventListener('scroll', this.scrollToTop)
						this.$nextTick(() => {
						    this.offsetTop = 460;
							let element = this.$el.querySelector('.pic-img')
							let height = element.offsetHeight 
						});
					},
					destroyed() {
					    //移除监听
					    window.removeEventListener("scroll", this.scrollToTop);
					  },
					methods: {
						//锚点跳转
						goAnchor(selector) {
							/*参数selector是id选择器（#anchor14）*/
							document.querySelector(selector).scrollIntoView({
								behavior: "smooth"
							});
						},
						scrollToTop() {
							var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body
								.scrollTop;
							this.fixed = scrollTop > this.offsetTop ? true : false;
						},
					}
				})
			</script>
	</body>
</html>